<!DOCTYPE HTML>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="//cdn.bootcss.com/pure/0.6.0/pure-min.css">
        <link rel="stylesheet" href="//cdn.bootcss.com/pure/0.6.0/grids-responsive-min.css">
        <title>音速风暴登录页面</title>
    </head>
    <body>
        <div class="pure-g">
            <div class="pure-u-1 pure-u-md-1-2" style="padding-left:1em;margin:auto">
                <form class="pure-form pure-form-stacked" method="POST">
                    <fieldset>
                        <legend>音速风暴登录页面</legend>
                        <label for="username">帐号</label>
                        <input id="username" name="username" placeholder="请输入帐号">

                        <label for="password">密码</label>
                        <input id="password" name="password" type="password" placeholder="请输入密码">
                        
                        <label for="remember" class="pure-checkbox">
                            <input id="remember" name="remember" type="checkbox"> 记住密码
                        </label>
                        {% if error %}                        
                        <button type="submit" class="pure-button pure-button-primary" style="background: rgb(202, 60, 60);">登录</button>
                        {% else %}
                        <button type="submit" class="pure-button pure-button-primary">登录</button>{% endif %}
                    </fieldset>
                </form>
            </div>
        </div>
    </body>
</html>
